(function(){
    var oSpan1=document.querySelectorAll('.flip');
    var oSpan2=document.querySelectorAll('.presentation');
    var oSpan3=document.querySelectorAll('.car');
   
    var flipData=true;
    for(var i=0;i<oSpan1.length;i++){
        oSpan2[i].dataset.index=i;
        oSpan2[i].onclick=function(){
            // console.log(34)
            if(flipData){
                oSpan1[this.dataset.index].style.transform='rotate(90deg)';
                oSpan3[this.dataset.index].style.display='block';
                flipData=false;              
            }else{
                oSpan1[this.dataset.index].style.transform='rotate(360deg)';
                oSpan3[this.dataset.index].style.display='none';
                flipData=true;            
            }
        
        }
    }
})();